<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('电子箱单日志详情')"/>
    <style>
        [v-cloak] {
            display: none
        }
        .lineFeed {
            word-break: break-all;
        }
    </style>
</head>
<body>
<div class="container-div">
    <el-row class="deer-panel">
        <span style="color: #409EFF">电子箱单Json数据:</span>
        <el-divider style="margin-top: 10px"></el-divider>
        <div class="lineFeed" v-if="billOutMesLogDetail.json" v-cloak>{{billOutMesLogDetail.json}}</div>
        <div class="lineFeed" v-if="!billOutMesLogDetail.json">无</div>
    </el-row>

   <!-- <el-row class="deer-panel">
        <span style="color: #409EFF">WMS返回Json数据:</span>
        <el-divider style="margin-top: 10px"></el-divider>
        <div class="lineFeed" v-if="billOutMesLogDetail.resultJson" v-cloak>{{billOutMesLogDetail.resultJson}}</div>
        <div class="lineFeed" v-if="!billOutMesLogDetail.resultJson">无</div>
    </el-row>-->
</div>

<div th:include="include::footer"></div>
<script th:inline="javascript">
    var detailPrefix = ctx + "electricBoxLog";

    var billOutMesLogId = parseInt(localStorage.getItem(detailPrefix+'/detail'));

    var vue = new Vue({
        el: '.container-div',
        data: {
            billOutMesLogDetail: []
        },
        methods: {
            getDetails(){
                var that = this;
                $.ajax({
                    url: detailPrefix + "/detail",
                    type: "get",
                    data: {
                        billOutMesLogId: billOutMesLogId
                    },
                    error: function(request){
                        $.modal.alertError("系统错误");
                    },
                    success: function(data){
                        that.billOutMesLogDetail = data;
                    }
                })
            }
        },
        created(){
            this.getDetails();
        }
    })
</script>
</body>
</html>
